<template>
  <Table v-if="isFlage == 0" :DateId="DateId" @getBlack="getShow"></Table>
  <Deatil v-else-if="isFlage == 1" :DateId="DateId" @getBlack="getShow"></Deatil>
  <Process v-else-if="isFlage == 2" :DateId="DateId" @getBlack="getShow"></Process>
  <Conlog v-else-if="isFlage == 3" :DateId="DateId" @getBlack="getShow"></Conlog>
  <HostiSoy v-else-if="isFlage == 4" :DateId="DateId" @getBlack="getShow"></HostiSoy>
  <Reasons v-else-if="isFlage == 5" :DateId="DateId" @getBlack="getShow"></Reasons>
</template>

<script setup>
  import Table from './model/table.vue';
  import Deatil from './model/detail.vue';
  import Process from './model/process.vue';
  import Conlog from './model/Conlog.vue';
  import HostiSoy from './model/hostisoy.vue';
  import Reasons from './model/Reasons.vue';

  import { ref } from 'vue';
  // 0 表格
  // 1 详情
  // 2 流程
  // 3 日志
  // 4 历史记录
  // 5 驳回原因
  const DateId = ref();
  const isFlage = ref(0);
  function getShow(e) {
    isFlage.value = e.type;
    DateId.value = e.id;
  }
</script>

<style lang="scss" scoped></style>
